@bg : rgb(100, 200, 66);
@w: 100px;

.content {
    background: @bg;
    width: @w*2;
    height: 200px;
}

.react {
    width: 200px;
    height: 200px;
    float: left;
    margin-right: 20px;
    background: url('../images/react.png');
    background-size: cover;
}

.vue {
    width: 200px;
    height: 200px;
    float: left;
    background: url('../images/vue.png');
    background-size: cover;
}

.font{
    font-size: 100px;
    color: aqua;
    transition: 1s all ease;
    display: inline-block;
    transform: rotate(0deg);
    border: 1px solid red;
    overflow: hidden;
    &:hover{
        transform: rotate(360deg);
        font-size: 200px;
        border-radius: 50%;
        border: 10px solid blue;
        color: pink;
    }
}